<template>
  <!-- 联系页面 -->
  <div id="contacts">
    <!-- BREADCRUMBS -->
    <div class="page-header">
      <div class="container">
        <h1 class="page-title pull-left">联系我们 CONTACT US</h1>
        <ol class="breadcrumb">
          <li>
            <router-link :to="{ name: 'home'}">首页</router-link>
          </li>
          <!-- <li>
            <a href="#">Pages</a>
          </li> -->
          <li class="active">联系</li>
        </ol>
      </div>
    </div>
    <!-- END BREADCRUMBS -->
    <!-- PAGE CONTENT -->
    <div class="page-content">
      <div class="container">
        <div class="row">
          <div class="col-md-9">
            <p>我们以专业的态度进行品牌与设计服务。品牌设计不是时髦的口头禅，也不是一个独立存在的产品，而是新商业行为下的一种市场沟通模式。重视设计不应如同人仅重视美丽外表与装饰，设计更是一种行为诉求与语言方式，牵动着市场感知的方方面面，品牌化的高度是我们服务价值的重要依据。耐心分析与沟通是我们必须的基本服务方式，具有方向性的品牌化设计是我们坚持的，我们要求的美不能盲目建立在我们甚至客户其中任何一个人的臆想世界里，而是建立在品牌综合成因的系统思维框架下。重视您的品牌，是我们合作的先决条件。</p>
            <!-- <p>Competently extend highly efficient initiatives whereas collaborative alignments. Collaboratively seize impactful opportunities and focused bandwidth. Continually expedite adaptive manufactured products and customer directed intellectual capital. Completely restore intermandated mindshare after multimedia based ideas. Credibly initiate distinctive metrics.</p>
            <p>Authoritatively embrace performance based information before highly efficient solutions. Globally disintermediate ubiquitous "outside the box" thinking without client-based schemas. Credibly parallel task dynamic technologies and cross-platform total linkage. Authoritatively unleash emerging growth strategies whereas future-proof resources. Distinctively transition 24/7 partnerships without effective testing procedures. Distinctively underwhelm proactive intellectual capital rather than best-of-breed total linkage. Uniquely whiteboard distinctive methods of empowerment after.</p> -->
            <br>
            <!-- CONCTACT FORM -->
            <div class="contact-form-wrapper">
              <form id="contact-form" method="post" class="form-horizontal margin-bottom-30px" role="form">
                <div class="row">
                  <div class="col-sm-6">
                    <div class="form-group">
                      <label for="contact-name" class="control-label sr-only">Name</label>
                      <input type="text" class="form-control" id="contact-name" name="name" placeholder="姓名*" required>
                    </div>
                  </div>
                  <div class="col-sm-6">
                    <div class="form-group">
                      <label for="contact-email" class="control-label sr-only">Email</label>
                      <input type="email" class="form-control" id="contact-email" name="email" placeholder="邮箱*" required>
                    </div>
                  </div>
                </div>
                <div class="form-group">
                  <label for="contact-subject" class="control-label sr-only">Subject</label>
                  <div class="col-sm-12">
                    <input type="text" class="form-control" id="contact-subject" name="subject" placeholder="主题">
                  </div>
                </div>
                <div class="form-group">
                  <label for="contact-message" class="control-label sr-only">Message</label>
                  <div class="col-sm-12">
                    <textarea class="form-control" id="contact-message" name="message" rows="5" cols="30" placeholder="正文*" required></textarea>
                  </div>
                </div>
                <div class="form-group">
                  <div class="col-sm-12">
                    <button id="submit-button" type="submit" class="btn btn-primary">
                      <i class="fa loading-icon"></i>
                      <span>发送消息</span>
                    </button>
                  </div>
                </div>
              </form>
            </div>
            <!-- END CONCTACT FORM -->
          </div>
          <div class="col-md-3">
            <!-- RIGHT SIDEBAR CONTENT -->
            <div class="widget">
              <h3 class="widget-title">联系方式 CONTACT INFO</h3>
              <ul class="contact-info fa-ul">
                <!-- <li>
                  <i class="fa fa-li fa-building-o"></i> 76 Ninth Ave, New York, USA</li> -->
                <li>
                  <i class="fa fa-li fa-phone"></i> +621 234 4567</li>
                <li>
                  <i class="fa fa-li fa-envelope-o"></i>
                  <a href="mailto:hello@yourcompany.com">hello@yourcompany.com</a>
                </li>
              </ul>
            </div>
            <!-- 地图TODO -->
            <!-- <div class="widget">
              <h3 class="widget-title">GETTING THERE</h3>
              <div class="google-map sidebar-map">
                <div id="custom-map-canvas"></div>
              </div>
            </div> -->
            <div class="widget">
              <h3 class="widget-title">工作时间 BUSINESS HOURS</h3>
              <ul class="list-unstyled">
                <li>
                  <strong>Monday-Friday: </strong> 8am to 5pm</li>
                <li>
                  <strong>Saturday: </strong> 10am to 2pm</li>
                <li>
                  <strong>Sunday: </strong> Closed</li>
              </ul>
            </div>
            <!-- END RIGHT SIDEBAR CONTENT -->
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less">
#contacts {
}
</style>
